<template lang="html">
  <div class="menu-container">
    <tree></tree>
    <div class="menu-change-panel-container">
      <menu-change-panel></menu-change-panel>
    </div>
  </div>
</template>

<script>
import Tree from 'backendIndex/tree/tree'
import MenuChangePanel from 'backendIndex/menu-change-panel/menu-change-panel'

export default {
  components: {
    Tree,
    MenuChangePanel
  }
}
</script>

<style lang="scss">
.menu-container {
    display: flex;
    .menu-change-panel-container {
        width: 50%;
        border: 1px solid #d1dbe5;
        padding: 20px 15px 10px 6px;
    }
}
</style>
